<template>
  <div
    class="h-full overflow-auto bg-white dark:bg-zinc-800 duration-500 scrollbar-thin srcollbar-thumb-transparent xl:scrollbar-thumb-zinc-200 xl:dark:scrollbar-thumb-zinc-900 scrollbar-track-transparent"
  >
    <mobileNav v-if="isMobileTerminal"> </mobileNav>
    <pcNav v-else></pcNav>
    <div class="max-w-screen-xl mx-auto relative m-1 xl:mt-4">
      <listVue></listVue>
    </div>
  </div>
</template>

<script setup>
import listVue from './components/list/index.vue'
import { isMobileTerminal } from '@/utils/flexible'
import { useStore } from 'vuex'
import mobileNav from './components/nav/mobile/index.vue'
import pcNav from './components/nav/pc/index.vue'

const store = useStore()

store.dispatch('category/useCategoryData')
</script>

<style></style>
